require.config({
    baseUrl: '../js/library', // 基础路径
    paths: {
        jquery: 'jquery',
        axios: 'axios',
        cookie: 'cookie'
    },
    shim: {}
});

require(['cookie', 'axios', 'jquery'], function (cookie, axios, $) {
    $('#dlzc>a').on('click', function () {
        $(this).addClass('dl_active').siblings().removeClass('dl_active');
        let _index = $('#dlzc>a').index(this);

        if (_index == 0) {
            $('#dlzc>div').css('left', '0');
            $('#dlzcxx').css('left', '50px');
            $('#zczhxx').css('left', '600px');
        } else {
            $('#dlzc>div').css('left', '58px');
            $('#dlzcxx').css('left', '-500px');
            $('#zczhxx').css('left', '50px');
        }
    });

    let s1 = 0;
    $('#username').on('click', function () {
        if (s1 == 0) {
            $('#dlzcxx>.yhmkj>.bjs').css('background', '#fff');
            s1++;
        }
        $('#dlzcxx>.yhmkj>label').css('font-size', '12px').css('top', '53px');
    });
    $('#username').on('blur', function () {
        if ($(this).val() == '') {
            $('#dlzcxx>.yhmkj>.bjs').css('background', '#FCF2F3');
            $('#dlzcxx>.yhmkj>label').css('font-size', '17px').css('top', '60px').css('color', '#F04645');
            $('#dlzcxx>.yhmkj>p').css('display', 'block');
        } else {
            $('#dlzcxx>.yhmkj>.bjs').css('background', '#F9F9F9');
        }
    });
    $('#username').on('input', function () {
        if ($(this).val() == '') {
            $('#dlzcxx>.yhmkj>.bjs').css('background', '#FCF2F3');
            $('#dlzcxx>.yhmkj>label').css('font-size', '12px').css('top', '53px').css('color', '#F04645');
            $('#dlzcxx>.yhmkj>p').css('display', 'block');
        } else {
            $('#dlzcxx>.yhmkj>.bjs').css('background', '#fff');
            $('#dlzcxx>.yhmkj>label').css('font-size', '12px').css('top', '53px').css('color', '#AAAAAA');
            $('#dlzcxx>.yhmkj>p').css('display', 'none');
        }
    });

    let s2 = 0;
    $('#password').on('click', function () {
        if (s2 == 0) {
            $('#dlzcxx>.mmkj>.bjs').css('background', '#fff');
            s1++;
        }
        $('#dlzcxx>.mmkj>label').css('font-size', '12px').css('top', '13px');
    });
    $('#password').on('blur', function () {
        if ($(this).val() == '') {
            $('#dlzcxx>.mmkj>.bjs').css('background', '#FCF2F3');
            $('#dlzcxx>.mmkj>label').css('font-size', '17px').css('top', '20px').css('color', '#F04645');
            $('#dlzcxx>.mmkj>p').css('display', 'block');
        } else {
            $('#dlzcxx>.mmkj>.bjs').css('background', '#F9F9F9');
        }
    });
    $('#password').on('input', function () {
        if ($(this).val() == '') {
            $('#dlzcxx>.mmkj>.bjs').css('background', '#FCF2F3');
            $('#dlzcxx>.mmkj>label').css('font-size', '12px').css('top', '13px').css('color', '#F04645');
            $('#dlzcxx>.mmkj>p').css('display', 'block');
        } else {
            $('#dlzcxx>.mmkj>.bjs').css('background', '#fff');
            $('#dlzcxx>.mmkj>label').css('font-size', '12px').css('top', '13px').css('color', '#AAAAAA');
            $('#dlzcxx>.mmkj>p').css('display', 'none');
        }
    });

    let s3 = 0;
    $('#e-mail').on('click', function () {
        if (s3 == 0) {
            $('#zczhxx>.yxkj>.bjs').css('background', '#fff');
            s1++;
        }
        $('#zczhxx>.yxkj>label').css('font-size', '12px').css('top', '53px');
    });
    $('#e-mail').on('blur', function () {
        if ($(this).val() == '') {
            $('#zczhxx>.yxkj>.bjs').css('background', '#FCF2F3');
            $('#zczhxx>.yxkj>label').css('font-size', '17px').css('top', '60px').css('color', '#F04645');
            $('#zczhxx>.yxkj>p').css('display', 'block');
        } else {
            $('#zczhxx>.yxkj>.bjs').css('background', '#F9F9F9');
        }
    });
    $('#e-mail').on('input', function () {
        if ($(this).val() == '') {
            $('#zczhxx>.yxkj>.bjs').css('background', '#FCF2F3');
            $('#zczhxx>.yxkj>label').css('font-size', '12px').css('top', '53px').css('color', '#F04645');
            $('#zczhxx>.yxkj>p').css('display', 'block');
        } else {
            $('#zczhxx>.yxkj>.bjs').css('background', '#fff');
            $('#zczhxx>.yxkj>label').css('font-size', '12px').css('top', '53px').css('color', '#AAAAAA');
            $('#zczhxx>.yxkj>p').css('display', 'none');
        }
    });

    let s4 = 0;
    $('#code').on('click', function () {
        if (s4 == 0) {
            $('#zczhxx>.yzmkj>.bjs').css('background', '#fff');
            s1++;
        }
        $('#zczhxx>.yzmkj>label').css('font-size', '12px').css('top', '53px');
    });
    $('#code').on('blur', function () {
        if ($(this).val() == '') {
            $('#zczhxx>.yzmkj>.bjs').css('background', '#FCF2F3');
            $('#zczhxx>.yzmkj>label').css('font-size', '17px').css('top', '60px').css('color', '#F04645');
            $('#zczhxx>.yzmkj>p').css('display', 'block');
        } else {
            $('#zczhxx>.yzmkj>.bjs').css('background', '#F9F9F9');
        }
    });
    $('#code').on('input', function () {
        if ($(this).val() == '') {
            $('#zczhxx>.yzmkj>.bjs').css('background', '#FCF2F3');
            $('#zczhxx>.yzmkj>label').css('font-size', '12px').css('top', '53px').css('color', '#F04645');
            $('#zczhxx>.yzmkj>p').css('display', 'block');
        } else {
            $('#zczhxx>.yzmkj>.bjs').css('background', '#fff');
            $('#zczhxx>.yzmkj>label').css('font-size', '12px').css('top', '53px').css('color', '#AAAAAA');
            $('#zczhxx>.yzmkj>p').css('display', 'none');
        }
    });

    let s5 = 0;
    $('#password_zc').on('click', function () {
        if (s4 == 0) {
            $('#zczhxx>.dqkj>.bjs').css('background', '#fff');
            s1++;
        }
        $('#zczhxx>.dqkj>label').css('font-size', '12px').css('top', '53px');
    });
    $('#password_zc').on('blur', function () {
        if ($(this).val() == '') {
            $('#zczhxx>.dqkj>.bjs').css('background', '#FCF2F3');
            $('#zczhxx>.dqkj>label').css('font-size', '17px').css('top', '60px').css('color', '#F04645');
            $('#zczhxx>.dqkj>p').css('display', 'block');
        } else {
            $('#zczhxx>.dqkj>.bjs').css('background', '#F9F9F9');
        }
    });
    $('#password_zc').on('input', function () {
        if ($(this).val() == '') {
            $('#zczhxx>.dqkj>.bjs').css('background', '#FCF2F3');
            $('#zczhxx>.dqkj>label').css('font-size', '12px').css('top', '53px').css('color', '#F04645');
            $('#zczhxx>.dqkj>p').css('display', 'block');
        } else {
            $('#zczhxx>.dqkj>.bjs').css('background', '#fff');
            $('#zczhxx>.dqkj>label').css('font-size', '12px').css('top', '53px').css('color', '#AAAAAA');
            $('#zczhxx>.dqkj>p').css('display', 'none');
        }
    });

    let flag = true;
    $('#yj').on('click', function () {
        if (flag) {
            $(this).html('&#xe704;');
            $('#password').attr('type', 'text');
            flag = false;
        } else {
            $(this).html('&#xe63a;');
            $('#password').attr('type', 'password');
            flag = true;
        }
    });

    $('#dl').on('click', function () {
        $.ajax({
            url: '../users/all',
            type: 'get',
            dataType: 'json'
        })
            .then(val => {
                console.log(val);
                let flag = false;
                for (let i in val) {
                    if ($('#username').val() == val[i].email && $('#password').val() == val[i].password) {
                        flag = true;
                    }
                }
                if (flag) {
                    alert('登陆成功');
                    window.location = './index.html';
                } else {
                    alert('用户名或密码错误');
                }
            })
            .catch(xhr => {
                console.log(xhr.status);
            });
    });

    $('#hqyzm').on('click', function () {
        $.ajax({
            url: '../users/getcode',
            type: 'get',
            data: {
                email: $('#e-mail').val()
            },
            dataType: 'json'
        })
            .then(val => {
                console.log(val);
            })
            .catch(xhr => {
                console.log(xhr.status);
            });
    });

    $('#zc').on('click', function () {
        $.ajax({
            url: '../users/login_zc',
            type: 'post',
            data: {
                email: $('#e-mail').val(),
                code: $('#code').val(),
                password: $('#password_zc').val()
            },
            dataType: 'json'
        })
            .then(val => {
                console.log(val);
                alert(val.msg);
                if (val.msg == '注册成功') {
                    window.location = './index.html';
                }
            })
            .catch(xhr => {
                console.log(xhr.status);
            });
    });
});
